<script setup>
const props = defineProps({
  text: {
    type: String,
    default: '',
  },
  color: {
    type: String,
    default: '#fff',
  },
  bgc: {
    type: String,
    default: 'red',
  },
})
</script>

<template>
  <div
    class="tapBox"
    :style="{
      color: props.color,
      background: props.bgc,
      boxShadow: `0px 15px 10px 5px #e0e0e0`,
    }"
  >
    <text>{{ props.text || '请传入状态' }}</text>
  </div>
</template>
<style lang="scss" scoped>
.tapBox {
  text-align: center;
  border-radius: 5px;
  font-size: 12px;
  width: auto;
  min-width: 50px;
  max-width: 90px;
  display: inline-block;
  padding: 0 5px;
}
</style>
